  @import '../../styles/variables.scss';

.wrap {
  width: 3.75rem;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;

}
.slide {
  position: absolute;
  top: 0;
  bottom: 0;
  // left: -1.86rem;
  transition: all 0.3s cubic-bezier(1,.01,.32,1);
  width: 9.4rem;
  // transform: translateX(-1.86rem);
}
.show {
  transform: translateX(-1.86rem);
}
.main_content,
.slide_menu {
  float: left;
  height: 100%;
}

.main_content {
  position: relative;
  width: 3.75rem;
  // padding: 20px ;
  &:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 25px 1px #777;
    z-index: -1;
  }
}

.content_body {
  box-sizing: border-box;
  height: 100%;
  padding: $height-top 0 $height-bottom;
  -webkit-overflow-scrolling: touch;
}
